<template>
	<view>
		<view class="goods-list">
			<view class="goods-item" v-for="(item, index) in goodsList" :key="index">
				<view class="goods-cell flex-row-center">
					<image :src="item.img" mode="aspectFill" class="store-goods-img"></image>
					<view class="store-right-info flex-col">
						<view class="store-goods-title ellipsis">{{ item.name }}</view>
						<view style="flex: 1"></view>
						<view class="price-view flex-row-between">
							<view class="price-text">
								￥
								<text>{{ item.price }}</text>
							</view>

							<view class="shuliang">x{{ item.num }}</view>
						</view>
					</view>
				</view>
				<textarea v-model="item.text" placeholder="请输入评价内容" class="textarea-view"></textarea>
				<view class="biaoqian-view flex-row">
					<view
						class="biaoqian-item flex-center"
						@click="onSignClick(item, signItem)"
						:class="{ 'biaoqian-active': item.signId == signItem.id }"
						v-for="(signItem, signI) in signList"
						:key="signI"
					>
						{{ signItem.text }}
					</view>
				</view>
				<view class="xing-view flex-row-center">
					<text>评分：</text>
					<uni-rate :value="item.star" margin="8" size="20"></uni-rate>
				</view>
			</view>
		</view>
		<view class="btn-view"><button type="default" class="default-btn" @click="onSubmit">提交</button></view>
	</view>
</template>

<script src="./comment.js"></script>

<style lang="scss" scoped>
@import '../../../style/common.scss';
@import '../store.scss';
@import '../../manghe/manghe.scss';
@import './comment.scss';
</style>
